﻿@model zqdn.Models.Article.Article
@{
    ViewBag.Title = @Model.Title;
}
@{var comments = ViewBag.commentsmap;}

@Styles.Render("~/Content/js/hiSlider/css/hiSlider.min.css")

<div class="wrap">
    <div class="op-standard-page common-list">


        <ul class="hiSlider hiSlider1">
            <li data-title="说明1" class="hiSlider-item"><img src="~/content/images/op-article.png" alt="11111"></li>
            <li data-title="说明2" class="hiSlider-item"><img src="~/content/images/op-article.png" alt="22222"></li>
            <li data-title="说明3" class="hiSlider-item"><img src="~/content/images/op-article.png" alt="33333"></li>
            <li data-title="说明4" class="hiSlider-item"><img src="~/content/images/op-article.png" alt="44444"></li>
            <li data-title="说明5" class="hiSlider-item"><img src="~/content/images/op-article.png" alt="55555"></li>
        </ul>

        <div class="op-stand-info">
            <div class="list-data">
                <ul>
                    <li class="items" id="center">
                        <div class="nocenter">
                            <p class="title">@Model.Title</p>
                            <p class="user-message">
                                <span class="m1"></span>
                                <span class="m2">作者</span>
                                <span class="m3">@Model.Auth</span>
                            </p>
                            <p class="view-message">
                                <span class="m1"></span>
                                <span class="m2">已观看</span>
                                <span class="m3">@(Model.WatchCount)次</span>
                            </p>
                        </div>
                    </li>
                </ul>

            </div>
        </div>

        @using (Html.BeginForm("Comments", "CommonCenter", FormMethod.Post, new { id = "form1", @class = "form" }))
        {
            <textarea name="Content" class="form-control required"></textarea>
            <input type="hidden" value="@Model.ID" name="ArticleID" />
            <button type="submit" class="submit-btn">提交评论</button>
        }

        <div class="comment-list">
            @if (comments.Count == 0)
            {
                <p style='text-align:center;margin-top:10px;'>暂无评论信息！</p>
            }
            @foreach (var item in comments)
            {
                <div class="comment">
                    <div class="comment-content">
                        <p class="comment-user">
                            <span id="user-name">@item.UserName</span>
                            <span id="comment-date">@item.CreatedTime</span>
                        </p>
                        <p class="comment-detail">
                            @item.Content
                        </p>
                    </div>
                </div>
            }



        </div>

    </div>

</div>
